<template>
	<view class="container">
		<!-- <uni-section title="基本用法" type="line" style="margin-bottom: 3px;"> -->
		<uni-nav-bar dark :fixed="true" shadow background-color="rgb(107,60,94)" status-bar left-icon="left"
			left-text="返回" title="预约成功提示" @clickLeft="back" />
		<view class="example-body">


			<view class="img">
				<image style="width: 100px; height: 100px; background-color: white;" mode="aspectFit"
					src="../../../static/提交成功.png"></image>
			</view>
			<view class="tipwords">
				<text style="font-weight: bold;font-size: large;">预约成功</text>
			</view>
			<view class="tipwords2">
				<text style="color: rgb(160,160,160);">预约成功，请按时到预约场所进行签到。</text>
			</view>
			<button type="default" class="btn1" @click="back()">返回主页</button>
		</view>

	</view>
</template>

<script>
	export default {
		methods: {
			back() {
				uni.reLaunch ({
					url:"../../index/index"
				})
			},
		}
	}
</script>

<style>
	* {
		margin: 0;
		padding: 0;
	}

	.container {
		font-size: 14px;
		line-height: 24px;
		padding: 2px;
	}

	.example-body {
		padding: 12px;
		background-color: #FFFFFF;
	}

	.city {
		display: flex;
		height: 100%;
		width: 100%;
		align-items: center;
		/* //适合单行显示的组件，垂直居中 */
		justify-content: center;
		/* //水平居中 */
	}

	.img {
		display: flex;
		height: 100%;
		width: 100%;
		justify-content: center;
		/* //水平居中 */
		margin-top: 27px;
	}

	.tipwords {
		display: flex;
		height: 100%;
		width: 100%;
		align-items: center;
		/* //适合单行显示的组件，垂直居中 */
		justify-content: center;
		/* //水平居中 */
		margin-top: 30px;
		padding: 0;
	}

	.tipwords2 {
		display: flex;
		height: 100%;
		width: 100%;
		align-items: center;
		/* //适合单行显示的组件，垂直居中 */
		justify-content: center;
		/* //水平居中 */
		margin-top: 15px;
	}

	.btn1 {
		background-color: rgb(53, 173, 26);
		color: white;
		margin-top: 10px;
	}
</style>
